<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>Eventt Controller</title>
        
        <link rel="shortcut icon" href="http://www.eventt.com.br/favicon.png" />
        <link rel="shortcut icon" href="http://www.eventt.com.br/favicon.png" type="image/x-icon"/>


        <style type="text/css">
                .ui-widget {  
                    font-size: 12px !important;  
                }

                body {
                    padding-top: 105px;
                    padding-bottom: 10px;
                    background:url(http://www.eventt.com.br/images/fundo1.jpg) 90% 0 no-repeat fixed;
                }

                .form-signin {
                    max-width: 300px;
                    padding: 19px 29px 29px;
                    margin: 0 auto 20px;
                    background-color : transparent;
                    border: none;
                    -webkit-border-radius: 5px;
                       -moz-border-radius: 5px;
                            border-radius: 5px;
                    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                            box-shadow: 0 1px 2px rgba(0,0,0,.05);
                }
                .form-signin .form-signin-heading,
                .form-signin .checkbox {
                    margin-bottom: 10px;
                }
                .panelSemBorda {
                    border: none;
                }
                .backgroundTransparente{
                    background-color : transparent;
                }
                .panelBordaGorssa {
                    border: 2px solid #191919;
                }
                .separador{
                	padding-bottom: 60px;
                }
       </style>
    </h:head>

    <h:body>
    
        <h:form id="form" styleClass="form-signin" >

            <p:growl id="mensagem" showDetail="true" />
            
            <p:panel header="Login" styleClass="panelBordaGorssa" >

                <h:panelGrid columns="2" cellpading="5" >

                    <h:outputText value="E-mail: " />
                    <p:inputText value="#{loginMB.franquia.email}" />

                    <h:outputText value="Senha: " />
                    <p:password value="#{loginMB.franquia.senha}" />

                    <p:commandButton value="Entrar" actionListener="#{loginMB.efetuaLogin}" styleClass="ui-priority-primary" update="mensagem" />

                </h:panelGrid>

            </p:panel>
            
            <p:panel styleClass="panelSemBorda backgroundTransparente">
                <img src="http://www.eventt.com.br/images/logomenu.png" style="display: block; margin-left: auto; margin-right: auto;" />
            </p:panel>
            
        </h:form>

    </h:body>

</html>